﻿@Styles.Render("~/Content/css/mapa/style.css")
<script type="text/javascript">
    function myApClose() { var g = document.getElementById("ap_Close"); var i = document.getElementById("ap_CloseIframe"); var j = document.getElementById("navHelpAreaLink"); var f = document.getElementById("navHelpArea"); var d = document.getElementById("navHelpProf"); var h = document.getElementById("navHelpPart"); var b = g.name; i.src = b; g.style.display = "none"; j.style.display = "none"; f.style.display = "inline"; d.style.display = "inline"; h.style.display = "inline" } function preload_image(b) { var d = new Image(); d.src = b }
    
    function change_image(f) {
        var d = document.getElementById("county_image");
        d.className = "sprite-region-" + f;

        return true
    }

    function hide_image(f) {
        var d = document.getElementById("county_image");
        d.className = "sprite-region-none";

        return true
    }
    function clickImg(f)
    {
        var comboBoxProvincias = document.getElementById("idProvinciaSelecionada");
        comboBoxProvincias.value = f;
    }
    
</script>
       

<div class="mapMain row ">
	<div class="map span5">
		<div id="county_image" class="sprite-region-none">
			<img class="countyImage" src="~/Images/mapa/1x1.gif" alt="" width="512" height="425" usemap="#spain_map" />
		</div>
	</div>
    
</div>


<!-- Map Area -->
<map id="spain_map" name="spain_map" >
<area onMouseOver="change_image(1);" onMouseOut="hide_image(1);" shape="poly" coords="289,48,288,58,283,63,281,69,273,69,269,64,266,62,257,55,256,52,252,51,253,47,261,47,256,38,261,33,264,41,275,44,289,48" href="javascript:clickImg(1)" title="Araba" alt="Araba" />
<area onMouseOver="change_image(2);" onMouseOut="hide_image(2);" shape="poly" coords="337,260,340,253,339,245,332,245,327,238,330,226,318,222,305,228,295,225,284,230,271,228,265,246,274,256,269,267,279,272,277,289,286,291,296,278,310,274,316,276,321,270,322,258,331,255,337,260" href="javascript:clickImg(2)" title="Albacete" alt="Albacete" />
<area onMouseOver="change_image(3);" onMouseOut="hide_image(3);" shape="poly" coords="337,260,335,274,338,278,337,287,343,297,349,299,352,287,358,282,362,272,374,265,385,254,374,247,356,252,356,256,352,257,340,253,337,260" href="javascript:clickImg(3)" title="Alicante" alt="Alicante" />
<area onMouseOver="change_image(4);" onMouseOut="hide_image(4);" shape="poly" coords="314,325,306,320,298,309,299,299,290,297,287,301,283,316,275,323,272,331,266,330,255,356,262,356,270,359,278,352,286,352,293,357,303,347,307,332,314,325" href="javascript:clickImg(4)" title="Almería" alt="Almería" />
<area onMouseOver="change_image(5);" onMouseOut="hide_image(5);" shape="poly" coords="171,187,170,179,165,181,156,176,159,169,166,168,166,161,181,145,178,133,196,135,209,160,217,158,201,183,191,180,185,186,171,187" href="javascript:clickImg(5)" title="Ávila" alt="Ávila" />
<area onMouseOver="change_image(6);" onMouseOut="hide_image(6);" shape="poly" coords="161,269,162,280,155,286,155,282,149,283,136,294,111,281,100,279,91,266,95,254,103,247,107,238,96,226,106,219,115,223,115,230,132,231,138,238,157,236,171,227,185,223,190,215,197,221,194,226,196,234,191,233,186,241,188,248,181,255,161,269" href="javascript:clickImg(6)" title="Badajoz" alt="Badajoz" />
<area onMouseOver="change_image(7);" onMouseOut="hide_image(7);" shape="poly" coords="393,248,401,239,420,221,431,209,452,204,469,198,479,195,489,205,492,217,473,220,453,241,435,245,422,253,417,261,413,269,397,269,393,248" href="javascript:clickImg(7)" title="Baleares" alt="Baleares" />
<area onMouseOver="change_image(8);" onMouseOut="hide_image(8);" shape="poly" coords="435,130,428,120,424,110,424,100,429,101,433,89,432,80,438,73,445,75,446,82,454,81,463,84,462,93,457,95,466,101,473,100,473,105,457,115,451,124,435,130" href="javascript:clickImg(8)" title="Barcelona" alt="Barcelona" />
<area onMouseOver="change_image(9);" onMouseOut="hide_image(9);" shape="poly" coords="225,115,233,118,240,114,251,100,256,102,264,92,257,85,259,74,256,67,259,63,266,62,257,55,256,52,252,51,253,47,261,47,256,38,246,38,238,37,225,48,230,48,231,55,215,58,213,71,218,86,227,95,222,103,225,115" href="javascript:clickImg(9)" title="Burgos" alt="Burgos" />
<area onMouseOver="change_image(10);" onMouseOut="hide_image(10);" shape="poly" coords="87,206,103,206,111,199,112,186,108,180,114,177,121,178,126,173,138,165,147,176,156,176,165,181,170,179,173,206,186,223,171,227,157,236,138,238,132,231,115,230,115,223,106,219,96,226,95,216,87,206" href="javascript:clickImg(10)" title="Cáceres" alt="Cáceres" />
<area onMouseOver="change_image(11);" onMouseOut="hide_image(11);" shape="poly" coords="125,350,125,345,144,348,167,341,175,342,173,351,167,349,165,361,155,367,164,368,168,377,153,392,141,384,136,383,128,370,130,365,122,359,125,350" href="javascript:clickImg(11)" title="Cádiz" alt="Cádiz" />
<area onMouseOver="change_image(12);" onMouseOut="hide_image(12);" shape="poly" coords="369,204,362,201,351,205,345,200,345,192,352,184,364,172,360,160,367,153,375,156,380,153,384,160,393,165,379,189,375,190,375,197,369,204" href="javascript:clickImg(12)" title="Castellón" alt="Castellón" />
<area onMouseOver="change_image(13);" onMouseOut="hide_image(13);" shape="poly" coords="210,274,269,267,274,256,265,246,271,228,263,220,252,220,232,230,217,224,221,215,202,214,197,221,194,226,196,234,191,233,186,241,188,248,181,255,210,274" href="javascript:clickImg(13)" title="Ciudad Real" alt="Ciudad Real" />
<area onMouseOver="change_image(14);" onMouseOut="hide_image(14);" shape="poly" coords="210,332,211,325,219,322,212,310,210,292,214,285,210,274,181,255,161,269,162,280,159,283,168,304,164,307,168,312,182,307,189,326,194,324,195,331,205,329,210,332" href="javascript:clickImg(14)" title="Córdoba" alt="Córdoba" />
<area onMouseOver="change_image(15);" onMouseOut="hide_image(15);" shape="poly" coords="78,48,66,47,51,55,39,57,47,45,38,49,37,41,31,42,33,33,38,32,36,27,47,27,47,21,55,24,65,19,72,23,74,19,68,12,86,1,86,7,93,1,95,4,84,21,78,48" href="javascript:clickImg(15)" title="A Coruña" alt="A Coruña" />
<area onMouseOver="change_image(16);" onMouseOut="hide_image(16);" shape="poly" coords="271,228,284,230,295,225,305,228,318,222,321,209,325,209,333,189,324,182,321,186,306,172,293,159,267,175,265,184,259,184,254,191,264,210,263,220,271,228" href="javascript:clickImg(16)" title="Cuenca" alt="Cuenca" />
<area onMouseOver="change_image(17);" onMouseOut="hide_image(17);" shape="poly" coords="485,96,491,87,486,80,486,75,491,74,492,70,488,69,488,65,480,64,468,67,467,71,456,68,445,71,439,66,434,65,438,73,445,75,446,82,454,81,463,84,462,93,457,95,466,101,473,100,473,105,485,96" href="javascript:clickImg(17)" title="Girona" alt="Girona" />
<area onMouseOver="change_image(18);" onMouseOut="hide_image(18);" shape="poly" coords="255,356,241,360,229,357,228,351,209,341,211,325,240,313,260,312,277,289,286,291,290,297,287,301,283,316,275,323,272,331,266,330,255,356" href="javascript:clickImg(18)" title="Granada" alt="Granada" />
<area onMouseOver="change_image(19);" onMouseOut="hide_image(19);" shape="poly" coords="259,184,243,158,245,143,240,136,252,128,265,127,281,140,300,136,313,146,315,163,306,172,293,159,267,175,265,184,259,184" href="javascript:clickImg(19)" title="Guadalajara" alt="Guadalajara" />
<area onMouseOver="change_image(20);" onMouseOut="hide_image(20);" shape="poly" coords="275,44,286,20,295,21,306,21,307,30,289,48,275,44" href="javascript:clickImg(20)" title="Gipuzkoa" alt="Gipuzkoa" />
<area onMouseOver="change_image(21);" onMouseOut="hide_image(21);" shape="poly" coords="101,287,95,288,82,310,85,328,102,331,102,326,125,350,128,319,121,307,132,302,136,294,111,281,105,280,101,287" href="javascript:clickImg(21)" title="Huelva" alt="Huelva" />
<area onMouseOver="change_image(22);" onMouseOut="hide_image(22);" shape="poly" coords="388,112,385,106,395,92,397,64,395,56,383,56,371,57,359,51,349,53,342,45,337,57,339,78,343,75,343,89,340,93,352,100,366,113,370,124,385,121,388,112" href="javascript:clickImg(22)" title="Huesca" alt="Huesca" />
<area onMouseOver="change_image(23);" onMouseOut="hide_image(23);" shape="poly" coords="212,310,210,292,214,285,210,274,269,267,279,272,277,289,260,312,240,313,219,322,212,310" href="javascript:clickImg(23)" title="Jaén" alt="Jaén" />
<area onMouseOver="change_image(24);" onMouseOut="hide_image(24);" shape="poly" coords="187,78,190,58,198,43,194,36,191,33,183,40,163,42,155,45,149,40,135,43,132,46,120,48,112,64,121,69,123,74,122,79,132,83,138,81,161,88,163,85,170,90,173,82,187,78" href="javascript:clickImg(24)" title="León" alt="León" />
<area onMouseOver="change_image(25);" onMouseOut="hide_image(25);" shape="poly" coords="424,100,429,101,433,89,432,80,438,73,434,65,423,68,420,55,413,55,396,49,395,56,397,64,395,92,385,106,388,112,385,121,387,128,389,125,406,123,424,110,424,100" href="javascript:clickImg(25)" title="Lleida" alt="Lleida" />
<area onMouseOver="change_image(26);" onMouseOut="hide_image(26);" shape="poly" coords="298,97,284,86,273,93,270,88,264,92,257,85,259,74,256,67,259,63,266,62,269,64,273,69,281,69,298,75,309,85,302,89,303,94,298,97" href="javascript:clickImg(26)" title="La Rioja" alt="La Rioja" />
<area onMouseOver="change_image(27);" onMouseOut="hide_image(27);" shape="poly" coords="112,64,120,48,120,43,116,41,121,33,117,34,110,22,115,17,113,14,106,12,95,4,84,21,78,50,81,62,99,68,106,73,112,64" href="javascript:clickImg(27)" title="Lugo" alt="Lugo" />
<area onMouseOver="change_image(28);" onMouseOut="hide_image(28);" shape="poly" coords="228,198,236,188,217,179,201,183,217,158,223,154,228,146,240,136,245,143,243,158,259,184,254,191,244,190,228,198" href="javascript:clickImg(28)" title="Madrid" alt="Madrid" />
<area onMouseOver="change_image(29);" onMouseOut="hide_image(29);" shape="poly" coords="203,358,199,365,189,370,182,368,168,377,164,368,155,367,165,361,167,349,173,351,175,342,186,332,195,331,205,329,210,332,209,341,228,351,229,357,203,358" href="javascript:clickImg(29)" title="Málaga" alt="Málaga" />
<area onMouseOver="change_image(30);" onMouseOut="hide_image(30);" shape="poly" coords="286,291,296,278,310,274,316,276,321,270,322,258,331,255,337,260,335,274,338,278,337,287,343,297,349,299,344,306,349,312,342,315,327,315,314,325,306,320,298,309,299,299,290,297,286,291" href="javascript:clickImg(30)" title="Murcia" alt="Murcia" />
<area onMouseOver="change_image(31);" onMouseOut="hide_image(31);" shape="poly" coords="334,47,324,42,322,38,320,42,317,41,320,33,315,31,313,32,307,30,289,48,288,58,283,63,281,69,298,75,309,85,302,89,303,94,319,98,324,91,319,80,325,66,337,56,342,45,334,47" href="javascript:clickImg(31)" title="Navarra" alt="Navarra" />
<area onMouseOver="change_image(32);" onMouseOut="hide_image(32);" shape="poly" coords="107,89,105,95,90,100,89,94,80,96,81,91,71,98,67,92,73,87,66,75,63,63,70,59,80,60,81,62,99,68,106,73,112,64,121,69,123,74,122,79,112,85,113,91,107,89" href="javascript:clickImg(32)" title="Ourense" alt="Ourense" />
<area onMouseOver="change_image(33);" onMouseOut="hide_image(33);" shape="poly" coords="120,43,116,41,121,33,117,34,110,22,118,14,138,14,150,16,160,12,167,17,182,20,210,25,194,36,191,33,183,40,163,42,155,45,149,40,135,43,132,46,120,48,120,43" href="javascript:clickImg(33)" title="Asturias" alt="Asturias" />
<area onMouseOver="change_image(34);" onMouseOut="hide_image(34);" shape="poly" coords="211,104,206,100,196,101,186,96,190,89,186,84,190,58,198,43,209,43,216,48,221,57,215,58,213,71,218,86,227,95,222,103,211,104" href="javascript:clickImg(34)" title="Palencia" alt="Palencia" />
<area onMouseOver="change_image(35);" onMouseOut="hide_image(35);" shape="poly" coords="99,353,82,357,70,381,55,393,47,397,41,414,57,418,73,404,90,391,95,377,101,366,99,353" href="javascript:clickImg(35)" title="Las Palmas" alt="Las Palmas" />
<area onMouseOver="change_image(36);" onMouseOut="hide_image(36);" shape="poly" coords="66,47,78,48,78,50,80,60,70,59,63,63,66,75,69,80,53,83,45,90,43,80,44,75,43,73,44,69,44,67,43,62,47,62,51,55,66,47" href="javascript:clickImg(36)" title="Pontevedra" alt="Pontevedra" />
<area onMouseOver="change_image(37);" onMouseOut="hide_image(37);" shape="poly" coords="114,177,121,178,126,173,138,165,147,176,156,176,159,169,166,168,166,161,181,145,178,133,153,130,150,133,130,126,113,138,117,146,114,177" href="javascript:clickImg(37)" title="Salamanca" alt="Salamanca" />
<area onMouseOver="change_image(38);" onMouseOut="hide_image(38);" shape="poly" coords="17,405,36,397,56,367,45,362,25,369,16,357,3,363,3,399,17,405" href="javascript:clickImg(38)" title="Tenerife" alt="Tenerife" />
<area onMouseOver="change_image(39);" onMouseOut="hide_image(39);" shape="poly" coords="252,25,244,25,240,20,232,25,230,22,213,26,210,25,194,36,198,43,209,43,216,48,221,57,231,55,230,48,225,48,238,37,246,38,256,28,252,25" href="javascript:clickImg(39)" title="Cantabria" alt="Cantabria" />
<area onMouseOver="change_image(40);" onMouseOut="hide_image(40);" shape="poly" coords="223,154,228,146,252,128,240,114,233,118,225,115,205,121,205,126,196,135,209,160,217,158,223,154" href="javascript:clickImg(40)" title="Segovia" alt="Segovia" />
<area onMouseOver="change_image(41);" onMouseOut="hide_image(41);" shape="poly" coords="167,341,175,342,186,332,195,331,194,324,189,326,182,307,168,312,164,307,168,304,159,283,155,286,155,282,149,283,136,294,132,302,121,307,128,319,125,345,144,348,167,341" href="javascript:clickImg(41)" title="Sevilla" alt="Sevilla" />
<area onMouseOver="change_image(42);" onMouseOut="hide_image(42);" shape="poly" coords="256,102,251,100,240,114,252,128,265,127,281,140,296,136,292,128,305,107,304,94,298,97,284,86,273,93,270,88,264,92,256,102" href="javascript:clickImg(42)" title="Soria" alt="Soria" />
<area onMouseOver="change_image(43);" onMouseOut="hide_image(43);" shape="poly" coords="393,165,384,160,380,153,383,152,383,142,380,139,389,125,406,123,424,110,428,120,435,130,411,139,400,151,407,154,400,163,398,159,393,165" href="javascript:clickImg(43)" title="Tarragona" alt="Tarragona" />
<area onMouseOver="change_image(44);" onMouseOut="hide_image(44);" shape="poly" coords="345,192,352,184,364,172,360,160,367,153,375,156,383,152,383,142,380,139,354,125,346,135,331,135,313,146,315,163,306,172,321,186,324,182,333,189,331,194,336,193,345,200,345,192" href="javascript:clickImg(44)" title="Teruel" alt="Teruel" />
<area onMouseOver="change_image(45);" onMouseOut="hide_image(45);" shape="poly" coords="254,191,244,190,228,198,236,188,217,179,201,183,191,180,185,186,171,187,173,206,186,223,190,215,197,221,202,214,221,215,217,224,232,230,252,220,263,220,264,210,254,191" href="javascript:clickImg(45)" title="Toledo" alt="Toledo" />
<area onMouseOver="change_image(46);" onMouseOut="hide_image(46);" shape="poly" coords="318,222,321,209,325,209,331,194,336,193,351,205,362,201,369,204,363,217,367,233,373,247,356,252,356,256,352,257,340,253,339,245,332,245,327,238,330,226,318,222" href="javascript:clickImg(46)" title="Valencia" alt="Valencia" />
<area onMouseOver="change_image(47);" onMouseOut="hide_image(47);" shape="poly" coords="173,132,177,117,172,104,176,93,170,90,173,82,187,78,186,84,190,89,186,96,196,101,206,100,211,104,222,103,225,115,205,121,205,126,196,135,178,133,173,132" href="javascript:clickImg(47)" title="Valladolid" alt="Valladolid" />
<area onMouseOver="change_image(48);" onMouseOut="hide_image(48);" shape="poly" coords="256,38,246,38,256,28,262,16,287,20,275,44,264,41,261,33,256,38" href="javascript:clickImg(48)" title="Bizkaia" alt="Bizkaia" />
<area onMouseOver="change_image(49);" onMouseOut="hide_image(49);" shape="poly" coords="142,113,136,107,128,106,130,94,113,91,112,85,122,79,132,83,138,81,160,88,163,85,170,90,176,93,172,104,177,117,173,132,153,130,150,133,130,126,142,113" href="javascript:clickImg(49)" title="Zamora" alt="Zamora" />
<area onMouseOver="change_image(50);" onMouseOut="hide_image(50);" shape="poly" coords="387,128,380,139,354,125,346,135,331,135,313,146,300,136,296,136,292,128,305,107,304,94,319,98,324,91,319,80,325,66,337,56,339,78,343,75,343,89,340,93,352,100,366,113,370,124,385,121,387,128" href="javascript:clickImg(50)" title="Zaragoza" alt="Zaragoza" />
<area onMouseOver="change_image(51);" onMouseOut="hide_image(51);" shape="poly" coords="141,403,144,409,151,414,168,409,160,399,151,398,146,401,141,403" href="javascript:clickImg(51)" title="Ceuta" alt="Ceuta" />
<area onMouseOver="change_image(52);" onMouseOut="hide_image(52);" shape="poly" coords="250,406,241,408,243,413,249,416,257,413,263,406,256,403,250,406" href="javascript:clickImg(52)" title="Melilla" alt="Melilla" />
</map>